<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

</body>

</html>
<!-- - #笔记要求

    ##笔记
    - 每日边看视频边记录笔记，然后每个知识点需要自己解释一下
    - 以及 每日未解决的问题可以记录下来
    - 记录每日完成多少代码量（多少行）
    - 今天做了什么
    有做项目的话，项目的进度 -->

bootstrap:一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。

响应式开发：布局容器：

Bootstrap 需要为页面内容和栅格系统包裹一个

.container 容器。这两种 容器类不能互相嵌套。

.container 用于固定宽度并支持响应式布局的容器。

栅格系统

栅格化系统，将屏幕宽平均分成了12份，div占多少份，就在class里面写什么数字(class="col-md-12")

栅格系统中的列是通过指定1到12的值来表示其跨越的范围。

不同的屏幕大小，分成了四大类，分别是：

.col-lg-大屏幕>1200px

.col-md-中等屏幕992px~1200px

.col-sm-小屏幕768px~992px

.col-xs-超小屏幕<768px>


    客户端存储 在客户端存储数据，而且可以在需要的时候重新取得需要的数据。

    传统方法：cookies Cookie主要用于以下三个方面： 会话状态管理 个性化设置 浏览器行为跟踪

    头部：服务器使用Set-Cookie响应头部向用户代理（一般是浏览器）发送Cookie信息。

    会话期Cookie浏览器关闭之后它会被自动删除,也就是说它仅在会话期内有效会话期Cookie不需要指定过期时间（Expires）或者有效期（Max-Age）。

    持久性Cookie:持久性Cookie可以指定一个特定的过期时间（Expires）或有效期（Max-Age）